<div id="order_content" class="order_content">

    <!--page1未绑定卡用户直接输入卡号付款-->
    <div class="title">网银储蓄卡</div>

    <div class="bankicon">
        <div>
            <i class="BOAS"></i>
            <span>中国农业</span>
        </div>
        <div>
            <i class="CITIC"></i>
            <span>中国农业</span>
        </div>
    </div>

    <div class="banks">
        <div id="moreBank">更多银行
        </div>
    </div>
    <div id="nextStep" class="btn">下一步</div>
</div>
<style>
    .bankicon{
        width: 100%;
        background-color: #ffffff;
        font-size: 0.6rem;
        border-top: 1px #eaeaea solid;
        overflow: hidden;
    }
    .bankicon div{
        padding-left: 4%;
        height: 1.8rem;
        line-height: 1.8rem;
        font-size: 0.6rem;
        border-bottom: 1px #eaeaea solid;
    }
    .bankicon i{
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
        width: 1.25rem;
        height: 1.25rem;
        background: url(./images/banklist_2.png) left top no-repeat;
        background-size: 1.25rem;
    }
    .bankicon i.BOAS{background-position: 0 0; }  /*鞍山银行*/
    .bankicon i.BSB{background-position: 0 -1.5rem; }  /*包商银行*/
    .bankicon i.BJRCB{background-position: 0 -3rem; }  /*北京农村商业*/
    .bankicon i.BCCB{background-position: 0 -4.5rem; }  /*北京银行*/
    .bankicon i.CBHB{background-position: 0 -6rem; }  /*渤海银行*/
    .bankicon i.CZCCB{background-position: 0 -7.5rem; }  /*沧州银行*/
    /*.bankicon i.CZCCB{background-position: 0 -9rem; }  成都农村商业银行   没简码*/    
    /*.bankicon i.CZCCB{background-position: 0 -10.5rem; }  成都商业银行   没简码*/    
    .bankicon i.CDBANK{background-position: 0 -12rem; }  /*承德银行*/  
    .bankicon i.CQRCB{background-position: 0 -13.5rem; }  /*重庆农村商业银行*/
    .bankicon i.CQCB{background-position: 0 -15rem; }  /*重庆银行*/
    .bankicon i.DLB{background-position: 0 -16.5rem; }  /*大连银行*/
    .bankicon i.DZB{background-position: 0 -18rem; }  /*德州银行*/
    .bankicon i.DRCB{background-position: 0 -19.5rem; }  /*东莞农村银行*/
    .bankicon i.GDBANKDRCB{background-position: 0 -21rem; }  /*东莞银行*/
    .bankicon i.HKBEA{background-position: 0 -22.5rem; }  /*东亚银行*/
    .bankicon i.FJNX{background-position: 0 -24rem; }  /*福建农村信用*/
    .bankicon i.ICBC{background-position: 0 -25.5rem; }  /*工商银行*/
    .bankicon i.CEB{background-position: 0 -27rem; }  /*工商银行*/
    .bankicon i.GHBANK{background-position: 0 -28.5rem; }  /*广东华兴银行*/
    .bankicon i.GDB{background-position: 0 -30rem; }  /*广发银行*/
    .bankicon i.GRCB{background-position: 0 -31.5rem; }  /*广州农村*/
    .bankicon i.GRCB{background-position: 0 -33rem; }  /*广州农村*/
    .bankicon i.GZBANK{background-position: 0 -34.5rem; }  /*广州银行*/
    .bankicon i.HRBCB{background-position: 0 -36rem; }  /*哈尔滨银行*/
    .bankicon i.HKBCHINA{background-position: 0 -37.5rem; }  /*汉口银行*/
    .bankicon i.HCCB{background-position: 0 -39rem; }  /*杭州银行*/
    .bankicon i.HEBB{background-position: 0 -40.5rem; }  /*河北银行*/
    /*.bankicon i.HEBB{background-position: 0 -42rem; }  恒生银行 没简码*/
    /*.bankicon i.HEBB{background-position: 0 -43.5rem; }  湖北银行 没简码*/
    .bankicon i.HXB{background-position: 0 -45rem; }  /*华夏银行*/
    /*.bankicon i.HXB{background-position: 0 -46.5rem; }  汇丰银行 没简码 */
    .bankicon i.JLB{background-position: 0 -48rem; }  /*吉林银行*/
    .bankicon i.CCB{background-position: 0 -49.5rem; }  /*建设银行*/
    .bankicon i.JSB{background-position: 0 -51rem; }  /*江苏银行*/
    .bankicon i.COMM{background-position: 0 -52.5rem; }  /*交通银行*/
    .bankicon i.JZB{background-position: 0 -54rem; }  /*锦州银行*/
    .bankicon i.KLB{background-position: 0 -55.5rem; }  /*昆仑银行*/
    .bankicon i.LZB{background-position: 0 -57rem; }  /*兰州银行*/
    .bankicon i.LCCB{background-position: 0 -58.5rem; }  /*廊坊银行*/
    .bankicon i.LJBANK{background-position: 0 -60rem; }  /*龙江银行*/
    .bankicon i.CMBC{background-position: 0 -61.5rem; }  /*民生银行*/
    .bankicon i.NJCB{background-position: 0 -63rem; }  /*南京银行*/
    .bankicon i.NBCB{background-position: 0 -64.6rem; }  /*宁波银行*/
    .bankicon i.NXB{background-position: 0 -66rem; }  /*宁夏银行*/
    .bankicon i.ABC{background-position: 0 -67.5rem; }  /*农业银行*/
    .bankicon i.SZPAB{background-position: 0 -69rem; }  /*平安银行*/
    .bankicon i.SPDB{background-position: 0 -70.5rem; }  /*浦发银行*/
    .bankicon i.QLBANK{background-position: 0 -72rem; }  /*齐鲁银行*/
    .bankicon i.QDCCB{background-position: 0 -73.5rem; }  /*青岛银行*/
    .bankicon i.BANKQH{background-position: 0 -75rem; }  /*青海银行*/
    /*.bankicon i.BANKQH{background-position: 0 -76.5rem; }  厦门国际银行 没简码*/
    .bankicon i.SCRB{background-position: 0 -78rem; }  /*上海农商行*/
    .bankicon i.SCRB{background-position: 0 -79.5rem; }  /*上海农商行 重复的*/
    .bankicon i.BOS{background-position: 0 -81rem; }  /*上海银行*/
    /*.bankicon i.BOS{background-position: 0 -82.5rem; }  深圳发展银行 没简码*/
    .bankicon i.SZRCB{background-position: 0 -84rem; }  /*深圳农村商业银行*/
    /*.bankicon i.SZRCB{background-position: 0 -85.5rem; }  盛京银行 没简码*/
    /*.bankicon i.SZRCB{background-position: 0 -87rem; }  天津农村商业银行 没简码*/
    .bankicon i.TJB{background-position: 0 -88.5rem; }  /*天津银行*/
    .bankicon i.HSBANK{background-position: 0 -90rem; }  /*徽商银行*/
    .bankicon i.CIB{background-position: 0 -91.5rem; }  /*兴业银行*/
    .bankicon i.PSBC{background-position: 0 -93rem; }  /*邮政储蓄银行*/
    /*.bankicon i.PSBC{background-position: 0 -94.5rem; }  渣打银行 没简码*/
    .bankicon i.CCABCHINA{background-position: 0 -96rem; }  /*长安银行*/
    .bankicon i.CSCB{background-position: 0 -97.5rem; }  /*长沙银行*/
    .bankicon i.CMB{background-position: 0 -99rem; }  /*招商银行*/
    .bankicon i.CZB{background-position: 0 -100.5rem; }  /*浙商银行*/
    .bankicon i.ZZCB{background-position: 0 -102rem; }  /*郑州银行*/
    .bankicon i.BOC{background-position: 0 -103.5rem; }  /*中国银行*/
    .bankicon i.CITIC{background-position: 0 -105rem; }  /*中信银行*/
    
    
    
    .bankicon span{
        display: inline-block;
    }
</style>